<div>
  <input {{ref this "longitude"}} type="hidden" name="longitude" form="{{@form}}" value="{{@longitude}}" />
  <input {{ref this "latitude"}} type="hidden" name="latitude" form="{{@form}}" value="{{@latitude}}" />

  <T::Input @key="详细地址" @name="detail" @value={{@value}} @form="{{@form}}" {{ref this 'detail'}} @readonly={{true}} @required={{@required}} class="w-3/5 inline-block"/>
  <T::Button class="inline-block" {{on "click" this.loadMap}}>打开地图</T::Button>

  <div {{ref this "mapModal"}} class="{{unless this.showModal 'hidden'}} fixed inset-0 w-full h-full overflow-auto bg-white z-40">
      <T::AppbarNone @title="选择位置" @closeButton={{this.closeMapModal}} />
      <iframe {{ref this 'mapIframe'}} frameborder="0" class="w-full h-full"></iframe>
  </div>
</div>